<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8" />
		<title>敬谊 - 全景展览</title>

		<style type="text/css">
			html,
			body {
				width: 100%;
				height: 100%;
				overflow: hidden;
				margin: 0;
				padding: 0;
			}
			
			#main_content {
				width: 100%;
				height: 100%;
				margin: auto 0;
			}
		</style>

		<link rel="stylesheet" href="js/photo-sphere-viewer-5.4.4/core/index.css" />

		<script src="js/three.js"></script>
		<script src="js/brower.js"></script>

		<script src="js/photo-sphere-viewer-5.4.4/core/index.js"></script>

		<!-- base imports of PSV and dependencies -->

	</head>

	<body>

		<div id="main_content">
		</div>

	</body>

	<script type="text/javascript">
		/*	
																let arr = [{
																		key: '标题1',
																		value: 'img/test1.jpg'
																	},
																	{
																		key: '标题1',
																		value: 'img/test1.jpg'
																	},
																	{
																		key: '标题1',
																		value: 'img/test1.jpg'
																	}
																];

																
																		// 循环遍历数组
																		for(let i = 0; i < arr.length; i++) {
																			console.log(arr[i].key + ': ' + arr[i].value);
																		}
																
																		// 使用 find 方法查找特定的键值对
																		let result = arr.find(item => item.key === 'name');
																		console.log(result.value);
																		
																		*/
		const viewer = new PhotoSphereViewer.Viewer({
			container: document.querySelector('#main_content'),
			panorama: 'img/cangku.jpg',
			loadingTxt: "网站正在使劲儿加载中", // 显示在加载圆圈中心的文本
			// 设置图片标题
			caption: "仓库",
			// 设置图片描述
			description: "北京的设备仓库",
			 loadingImg: "img/icon/icon.png", // 显示在加载圆圈中心的图像的路径
		});

		/*
				var viewer = new Viewer({
					container: document.querySelector('#main_content'),
					panorama: 'img/test1.jpg',
					navbar: [

						"zoom", // 缩放按钮
						"caption", // 标题按钮
						"fullscreen", // 全屏按钮
						"download", // 下载按钮
						"description", // 描述按钮
					],
					lang: {
						// 语言设置
						autorotate: "自动旋转", // 自动旋转按钮
						zoom: "缩放", // 缩放按钮
						zoomOut: "缩小", // 缩小
						zoomIn: "放大", // 放大
						move: "移动", // 移动
						download: "下载", // 下载
						fullscreen: "全屏", // 全屏
						menu: "菜单", // 菜单
						twoFingers: "双指导航", // 双指导航
						ctrlZoom: "ctrl + 滚轮缩放", // ctrl + 滚轮缩放
						loadError: "图片加载失败", // 图片加载失败
					},
					plugins: [

					],
					// loadingImg: "", // 显示在加载圆圈中心的图像的路径
					loadingTxt: "网站正在使劲儿加载中", // 显示在加载圆圈中心的文本
				});
				
		*/
	</script>

</html>